<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实现增删查改功能</title>
	</head>
	<body>
		<p id="nh"></p>
		<div class="xyp">
			<div>
				谢应鹏
			</div>
		</div>
		<script type="text/javascript">
			window.onload = function(){
				var html = document.getElementsByTagName("html");
				console.log(html);
				var all = document.all ;
				console.log(all);
				var clas = document.getElementById("nh");
				clas.innerHTML = "洗";
				/*  
						document.querySelector()
						需要一个选择器的字符串作为参数
						可以根据一个css选择器来查询一个元素节点对象
						如果有相同的类名  只返回第一个的值
						如果需要返回全部 可以用   document.querySelectorAll();-+
				
				*/
			 
				var x = document.querySelector(".xyp div")//查找类.xyp 里面的div 
				console.log(x.innerHTML);
				/* 
					document.createElement() 用于创建一个元素节点对象   
					标签名作为参数
					document.createTextNode("") 用于创建一个文本节点  
					文本作为参数
					appendChild() 向父节点中添加一个新的子节点
					用法：父节点.appendChild(子节点);
					appendChild() 把新的节点添加到指定的节点
					removeChild() 删除子节点
					replaceChild() 替换子节点
					！important 修改优先级别 
					
				 
				 */
				var li = document.createElement("li");
				var tex = document.createTextNode("你好");
			}
			
		</script>
	</body>
</html>
